<template>
  <div>
    home
    <span>count:{{ count }}</span>
    <div>
      <el-button type="danger">按钮</el-button>
    </div>
    <div id="box1">
      <div class="box2"></div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Home",
});
</script>

<script setup lang="ts">
import { ElButton } from "element-plus";
import { useCountStore } from "@/store/test";
import { storeToRefs } from "pinia";

const CountStore = useCountStore();

const { count } = storeToRefs(CountStore);
</script>

<style scoped lang="less">
#box1 {
  width: 300px;
  height: 300px;
  background-color: skyblue;

  .box2 {
    width: 150px;
    height: 150px;
    background-color: pink;
  }
}
</style>
